<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>用户中心</title>
	<link rel="stylesheet" type="text/css" href="/static/index/css/reset.css">
	<link rel="stylesheet" type="text/css" href="/static/index/css/main.css">
    <link rel="stylesheet" href="/static/index/css/bootstrap.min.css" type="text/css" media="all">
    <link rel="stylesheet" href="/static/index/css/font-awesome.min.css" type="text/css" media="all" />
    <link rel="stylesheet" href="/static/index/css/ionicons.min.css" type="text/css" media="all" />
    <link rel="stylesheet" href="/static/index/css/owl.carousel.css" type="text/css" media="all">
    <link rel="stylesheet" href="/static/index/css/owl.theme.css" type="text/css" media="all">
    <link rel="stylesheet" href="/static/index/css/settings.css" type="text/css" media="all">
    <link rel="stylesheet" href="/static/index/css/style.css" type="text/css" media="all">
    <link rel="stylesheet" href="/static/index/css/custom.css" type="text/css" media="all">
	<script type="text/javascript" src="/static/index/js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript" src="/static/index/js/jquery.form.min.js"></script>
	<script type="text/javascript" src="/static/index/js/main.js"></script>
</head>
<body>
    <div class="topbar">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<div class="topbar-text">
						<span>Work time: Monday - Friday: 08AM-06PM</span>
						<span>Saturday - Sunday: 10AM-06PM</span>
					</div>
				</div>
				<div class="col-md-6">
					<div class="topbar-menu">
						<ul class="topbar-menu">
							<li class="dropdown">
								<a href="#">Languages</a>
								<ul class="sub-menu">
									<li><a href="#">English</a></li>
									<li><a href="#">Français</a></li>
								</ul>
							</li>

                             <li><a href="#">admin</a></li>
							 <li><a href="/passport/logout">退出</a></li>

						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>


    <header id="header" class="header header-desktop header-2">

		<div class="container">
			<div class="row">
				<div class="col-md-3">
					<a href="{{ url_for("index_blu.index") }}" id="logo" >
						<img class="logo-image" src="/static/index/images/logo.png" alt="Organik Logo">
					</a>
				</div>
			</div>
		</div>
	</header>


	<div class="conter_con">

		<div class="user_menu_con fl">

			<ul class="option_list">
				<li class="active"><a href="/user/user_base_info" target="main_frame">基本资料</a></li>
{#				<li><a href="#" target="main_frame">头像设置</a></li>#}
{#				<li><a href="#" target="main_frame">我的关注</a></li>#}
				<li><a href="/user/user_pass_info" target="main_frame">密码修改</a></li>
{#				<li><a href="" target="main_frame">我的订单</a></li>#}
{#				<li><a href="#" target="main_frame">新闻发布</a></li>#}
{#				<li><a href="#" target="main_frame">新闻列表</a></li>#}
			</ul>

		</div>

		<div class="user_con fr">
			<iframe src="" frameborder="0" name="main_frame" class="main_frame" id="main_frame"></iframe>
		</div>
	</div>
        <div class="section pt-2 pb-4">
			<div class="container">
				<div class="row">
					<div class="col-sm-12">
						<div class="client-carousel" data-auto-play="true" data-desktop="5" data-laptop="3" data-tablet="3" data-mobile="2">
							<div class="client-item">
								<a href="#" target="_blank">
									<img src="/static/index/images/client/client_1.png" alt="" />
								</a>
							</div>
							<div class="client-item">
								<a href="#" target="_blank">
									<img src="/static/index/images/client/client_2.png" alt="" />
								</a>
							</div>
							<div class="client-item">
								<a href="#" target="_blank">
									<img src="/static/index/images/client/client_3.png" alt="" />
								</a>
							</div>
							<div class="client-item">
								<a href="#" target="_blank">
									<img src="/static/index/images/client/client_4.png" alt="" />
								</a>
							</div>
							<div class="client-item">
								<a href="#" target="_blank">
									<img src="/static/index/images/client/client_5.png" alt="" />
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer class="footer">
		<div class="container">
			<div class="row">
				<div class="col-md-5">
					<img src="/static/index/images/footer_logo.png" class="footer-logo" alt="" />
					<p>
						Welcome to Organik. Our products are freshly harvested, washed ready for box and finally delivered from our family farm right to your doorstep.
					</p>
					<div class="footer-social">
						<a href="#" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a>
						<a href="#" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a>
						<a href="#" data-toggle="tooltip" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a>
						<a href="#" data-toggle="tooltip" data-placement="top" title="Instagram"><i class="fa fa-instagram"></i></a>
					</div>
				</div>
				<div class="col-md-2">
					<div class="widget">
						<h3 class="widget-title">Infomation</h3>
						<ul>
							<li><a href="#">New Products</a></li>
							<li><a href="#">Top Sellers</a></li>
							<li><a href="#">Our Blog</a></li>
							<li><a href="#">About Our Shop</a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-2">
					<div class="widget">
						<h3 class="widget-title">Useful Link</h3>
						<ul>
							<li><a href="#">Our Team</a></li>
							<li><a href="#">Our Blog</a></li>
							<li><a href="#">About Us</a></li>
							<li><a href="#">Secure Shopping</a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-3">
					<div class="widget">
						<h3 class="widget-title">Subscribe</h3>
						<p>
							Enter your email address for our mailing list to keep yourself updated.
						</p>
						<form class="newsletter">
							<input type="email" name="EMAIL" placeholder="Your email address" required="" />
							<button><i class="fa fa-paper-plane"></i></button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<div class="copyright">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					Copyright &copy; 2017.Company name All rights reserved.
				</div>
				<div class="col-md-4">
					<img src="/static/index/images/footer_payment.png" alt="" />
				</div>
			</div>
		</div>
		<div class="backtotop" id="backtotop"></div>
	</div>

<script type="text/javascript" src="/static/index/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/index/js/jquery-migrate.min.js"></script>
<script type="text/javascript" src="/static/index/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/index/js/modernizr-2.7.1.min.js"></script>
<script type="text/javascript" src="/static/index/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="/static/index/js/jquery.countdown.min.js"></script>
<script type="text/javascript" src="/static/index/js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="/static/index/js/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="/static/index/js/jquery.isotope.init.js"></script>
<script type="text/javascript" src="/static/index/js/script.js"></script>

<script type="text/javascript" src="/static/index/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="/static/index/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="/static/index/js/extensions/revolution.extension.video.min.js"></script>
<script type="text/javascript" src="/static/index/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="/static/index/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="/static/index/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="/static/index/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="/static/index/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="/static/index/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="/static/index/js/extensions/revolution.extension.parallax.min.js"></script>
</body>
</html>
